<!DOCTYPE html>
<html lang="en">
<head>
	<script >
		var path="${path}";
	</script>
    <meta charset="UTF-8">
    <title>淘惠帮</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="${resources}/plugins/fontAwesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${resources}/plugins/swiper/3.3.1/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="${resources}/css/common.css" rel="stylesheet" type="text/css">
    <link href="${resources}/css/city-wide1.css" rel="stylesheet" type="text/css">
    <#include "setwxshare.ftl"/>
    <style>
    li.active {
	    color: #00A5DF;
	}
    </style>
</head>
<body>
<div id="container">
    <!--头部-->
    <div class="commonHeader">同城圈
        <a href="javascript:history.go(-1);" class="fa fa-chevron-left back"></a>
    </div>
    <!-- 内容导航栏 -->

	<ul class="contentBar">
    	<#list boardList as board>
    	  <li data-boardid="${board.id}">
            <a href="javascript:;" >${board.name}</a>
       	 </li>
    	</#list>
    </ul>
    
	<div id="wrapper">
		<div>
			<!--更多-->
			<div class="more">
				<div class="title">
		            <span class="Stick">置顶作品
		                <i class="fa fa-bullhorn" aria-hidden="true"></i>
		            </span>
		            <!--
					<span class="more1">更多
	                	<span class="double fa fa-angle-double-right"></span>
	            	</span>
	            	-->
				</div>

				<ul class="content"  id="topicRecList">
				</ul>
			</div>
			<!--图片-->
			 <!--轮播图-->
	        <div class="swiper-container"  class="photo">
	            <div class="swiper-wrapper">
	                <#list adList as ad>
	            	<div class="swiper-slide"><img src="${ad.picurl}"></div>
	            	</#list>
	            </div>
	            <div class="swiper-pagination"></div>
	        </div>
        
			<!--内容-->
			<div class="content">
				<ul class="conList"  id="topicList">
				</ul>
				<div id="tip">上滑加载更多..</div>
			</div>
		</div>
    </div>
    
       <!-- 导航栏 -->
     <ul class="homeButton">
        <li>
            <a href="javascript:void (0)" onclick="index()" class="home">
                <img src="${resources}/images/1_10_33.png" alt="">
            </a>
        </li>
        <li>
            <a href="${path}/article/index" class="bank">
                <img src="${resources}/images/1_10_24.png" alt="">
            </a>
        </li>
        <li>
            <a href="${path}/bbs" class="local">
                <img src="${resources}/images/1_9_26.png" alt="">
            </a>
        </li>
        <li>
            <a href="${path}/manage/commodityCart/cartShow?marketId=3" class="local">
                <img src="${resources}/images/1_10_28.png" alt="">
            </a>
        </li>
        <li>
            <a href="${path}/manage/member" class="personalCenter">
                <img src="${resources}/images/1_10_30.png" alt="">
            </a>
        </li>
    </ul>

	<!--操作
	<div class="operation">
		<a href="javascript:void(0)" class="publish" >
			<span class="square fa fa-pencil-square-o"></span>
			<p>我要发表</p>
		</a>
		<a href="${path}/manage/member" class="publish1">
			<span class="user fa fa-user"></span>
			<p>个人中心</p>
		</a>
	</div>
	-->
	
</div>

<input type="hidden" id="boardid" value="1" >
</body>

<script src="${resources}/plugins/jquery/2.2.2/jquery.min.js"></script>
<script src="${resources}/js/iscroll-probe.js"></script>
<script src="${resources}/js/city-wide1.js"></script>
<script src="${resources}/plugins/swiper/3.3.1/swiper.jquery.min.js"></script>
<script>
    
    //初始化
    $(function(){
    
   main.scroll();
    $(".contentBar li:first").addClass("active");
    /*配置轮播图*/
    var mySwiper = new Swiper('.swiper-container', {
        loop: true,
        pagination: '.swiper-pagination',
        autoplay: 2840,
        autoplayDisableOnInteraction: false
    })
    	 //发表
    	$(".publish").on("click",function(){
    		window.location.href="${path}/bbs/topic/create?boardid="+$("#boardid").val();
    	})
    
    })
    
    function index(){
    
    	window.location.href="${path}/index";
    }
   
    
</script>

</html>